Page({
	data: {
		dotImage: '',
		dotList: [],
		listData: [
			{
				title: "这个绝望的世界没有存在的价值，所剩的只有痛楚",
				description: "思念、愿望什么的都是一场空，被这种虚幻的东西绊住脚，什么都做不到",
				images: "../../assets/image/swipe/1.png"
			},
			{
				title: "我早已闭上了双眼，我的目的，只有在黑暗中才能实现",
				description: "有太多的羁绊只会让自己迷惘，强烈的想法和珍惜的思念，只会让自己变弱",
				images: "../../assets/image/swipe/2.png"
			},
			{
				title: "感受痛苦吧，体验痛苦吧，接受痛苦吧，了解痛苦吧。不知道痛苦的人是不会知道什么是和平",
				description: "但我已经在无限存在的痛苦之中，有了超越凡人的成长。从凡人化为神",
				images: "../../assets/image/swipe/3.png"
			},
			{
				title: "我决定了 从今天起 我要选择一条不会让自己后悔的路 我要创造出属于自己的忍道 ",
				description: "我才不要在这种时候放弃,即使当不成中忍,我也会通过其他的途径成为火影的,这就是我的忍道",
				images: "../../assets/image/swipe/4.png"
			},
			{
				title: "为什么你会这么弱？就是因为你对我的仇恨...还不够深...",
				description: "你没有杀的价值...愚蠢的弟弟啊...想要杀死我的话...仇恨吧！憎恨吧！然后丑陋地活下去吧！逃吧 逃吧...然后苟且偷生下去吧！",
				images: "../../assets/image/swipe/5.png"
			},
			{
				title: "对于忍者而言怎样活着无所谓，怎样死去才是最重要的...",
				description: "所谓的忍者就是忍人所不能忍，忍受不了饿肚子，而沦落为盗贼的人，根本不能称之为忍者",
				images: "../../assets/image/swipe/6.png"
			},
			{
				title: "在这世上，有光的地方就必定有黑暗，所谓的胜者，也就是相对败者而言",
				description: "若以一己之思念要维持和平，必会招致战争，为了守护爱，变回孕育出恨。此间因果，是无法斩断的。现实就是如此",
				images: "../../assets/image/swipe/7.png"
			},
			{
				title: "世界上...只有没有实力的人,才整天希望别人赞赏...",
				description: "很不巧的是我只有一个人，你说的那些家伙们已经一个都没有了，已经??全部被杀死了",
				images: "../../assets/image/swipe/8.png"
			},
			{
				title: "千代婆婆，父亲大人和母亲大人回来了吗？？？",
				description: "明明剩下的只有痛苦了，既然你这么想活命，我就方你一条生路好了。不过，你中的毒不出三日就会要了你的命",
				images: "../../assets/image/swipe/9.png"
			},
			{
				title: "艺术就是爆炸！！~~ 嗯 ~~ 芸术は爆発します！",
				description: "我的艺术就是爆炸那一瞬，和蝎那种让人吃惊的人偶喜剧从根本上就是不同的！",
				images: "../../assets/image/swipe/10.png"
			}
		]
	},
	cellClick(e) {
		let {index} = e.currentTarget.dataset;
		this.setData({dotImage: this.data.listData[index].images});
		if(this.data.dotList.length >= 10) {
			this.setData({
				dotList: []
			});
		}
		wx.createSelectorQuery().select(`#image${index}`).boundingClientRect((res) => {
			let index = this.data.dotList.length;
			this.setData({
				dotList: [
					...this.data.dotList,
					{
						id: +new Date(),
						top: res.top + 20,
						left: res.left + 20,
						scale: 1,
						show: true
					}
				]
			});
			let destination = this.destination || {};
			let dotList = this.data.dotList;
			dotList[index].top = destination.top;
			dotList[index].left = destination.left;
			dotList[index].scale = 0.5;
			this.setData({
				dotList: dotList
			});
			setTimeout(() => {
				let dotList = this.data.dotList;
				if(!(dotList && dotList[index])) return;
				dotList[index].show = false;
				this.setData({
					dotList: dotList
				});
			}, 450)
		}).exec();
	},
	onLoad() {
		wx.createSelectorQuery().select(".cart").boundingClientRect((res) => {
			this.destination = res;
		}).exec();
	}
});
